<div class="demo" [class.activate]="isActivated" style="width: 220px;background-color: #fff;">
	<span id="demo-setting" (click)="onToggle()" style="background-color: #1A6DDD;color: #fff;display: inline-block;">
		<i class="fa fa-cog"></i>
	</span>
	<form action="">
		<section>
			<ul class="nav nav-tabs">
				<li [class.active]="upgradeType ==='on'" class="active">
					<a (click)="upgradeType = 'on'">正在升级[{{upgradeOnlineTotal}}]</a>
				</li>
				<li [class.active]="upgradeType ==='off'">
					<a (click)="upgradeType = 'off'">离线升级[{{upgradeOfflineTotal}}]</a>
				</li>
			</ul>
			<tabset class="padding-10 visible" >
				<tab [active]="upgradeType == 'on'">
					<div *ngFor="let item of upgradeOnlineList" class="lis">
						<span>{{item.carNumber?item.carNumber:item.deviceId}}</span>
						<p class="inline_block right">
							<span>{{item.packetNumber}}</span>
							<span>/</span>
							<span>{{item.packetTotal}}</span>
						</p>
					</div>
					<div class="note" *ngIf="!upgradeOnlineTotal" style="margin-top: 16px;">暂无数据</div>
				</tab>
				<tab [active]="upgradeType == 'off'">
					<div *ngFor="let item of upgradeOfflineList" class="lis">
						<span>{{item.carNumber}}[{{item.deviceId}}]</span>
					</div>
					<div class="note" *ngIf="!upgradeOfflineTotal" style="margin-top: 16px;">暂无数据</div>
				</tab>
			</tabset>
		</section>
		<section style="padding-top:8px;" class="table-fix">
			<button type="button" class="btn default refresh_btn" (click)="upgradeRefresh()" style="position: static;"><i class="fa fa-refresh"></i></button>
			<span *ngIf="upgradeType == 'on'" class="right total inline_block">共{{upgradeOnlineTotal}}条数据</span>
			<span *ngIf="upgradeType == 'off'" class="right total inline_block">共{{upgradeOfflineTotal}}条数据</span>
		</section>
	</form>

</div>